Thích Cay
Sáng tạo gia vị Việt — tiết kiệm thời gian, đậm vị mỗi bữa.
Chân thành · gần gũi ·
trẻ trung, đậm vị.
Chính thống
Chuyên nghiệp, chuẩn mực, minh bạch — tạo sự tin tưởng & khẳng định uy tín.
Tiếp thị
Trẻ trung, tích cực, vui vẻ, truyền cảm hứng — kết nối cảm xúc & thúc đẩy hành động.
Khách hàng
Tận tình, lắng nghe, gần gũi, sẻ chia — xây dựng niềm tin & thấu cảm.
Tránh giọng văn sáo rỗng
10 quy tắc bất biến — luôn áp dụng cho mọi UI
Background luôn Cream
Page bg: #FBF5E7. Không bao giờ pure white. Card lift lên Lifted Cream #FFFCF1.
Primary ≥ 30% layout
Tỷ lệ --brand-primary trong một layout tối thiểu 30%. Brand presence phải rõ.
Coral · gradient-first
Coral là điểm cuối của gradient với Primary, không phải accent độc lập. Hạn chế solid > 600px.
Luôn bo tròn ≥ 6px
Cấm border-radius: 0. Card 14px · product card 18px · modal 26px+.
Display chỉ cho hero
DVN Luckiest Guy UPPERCASE · size ≥ 36px. H1-H6 content dùng Be Vietnam Pro.
Tabular-nums cho số
Mono = Be Vietnam Pro proportional. Bật font-variant-numeric: tabular-nums khi hiển thị số.
Icons = Lucide outline
16/20/24/32 size · stroke 1.5 (sm/md) hoặc 2 (lg/xl). Cấm emoji trong production.
Shadow đỏ-tint
Dùng --shadow-* với rgba(180,26,26,…). Không bao giờ shadow xanh-xám.
Button = pill + UPPERCASE
Mọi button bo pill, label uppercase + Bold. Primary CTA dùng signature gradient.
4px spacing base
Mọi padding/margin/gap là bội số của 4px. Default body padding --space-4 (16px).
Số liệu, không tính từ rỗng
Tone & copy: thay thế "đột phá / nâng tầm / tối ưu hoá" bằng số đo lường được hoặc ví dụ thực tế. "Tiết kiệm 15 phút mỗi bữa" tốt hơn "Tiết kiệm thời gian đột phá".
Sốt gỏi cay
chua ngọt
Bữa cơm Việt
đậm vị mỗi ngày.
HOTKho Quẹt Chay
MỚIBơ Tỏi Hoàng Kim
Sốt Gỏi Cay
HOTSốt Tôm Kho